@import url("css/justin.css?v=2");
@import url("css/son.css");
@import url("css/circle.css");
@import url("css/booking-form.css");
@import url("css/enewsletter-form.css");
@import url("css/fonts.css");
@import url("css/icons-metrize.css");

.displayByWETGDestination {
    display: none;
}

body.isWEAU .isWEAU,
body.isWENZ .isWENZ,
body.isWECA .isWECA,
body.isWEUK .isWEUK,
body.isWEUSA .isWEUSA,
body.isWEEU .isWEEU {
    display: inline !important;
}


.owl-stage .owl-item .banner-content,
.owl-stage .owl-item .headerCarouselCaption {
	text-align: center;
}

img.tripCharityLogoImage {
	width:100%;
	margin-bottom:10px;
}

.bookNowButton2,
.downloadTripNotesButton,
.downloadRegistrationFormButton {
	display:block;
	width:100%;
	margin-bottom:10px;
}

.availableDatesResponsiveTable .dateRow {
	margin-bottom:5px;
}

.charityName {
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}

.newHeader {
	background: url('./Images/bg-transparent-grey.png') repeat;
	z-index: 999;
	position: absolute;
	width: 100%;
	padding: 8px 0 0;
	margin-top: -20px;
}

.showControlBar .newHeader {
    background: url('./Images/bg-transparent-grey.png') repeat;

}

.sticky-menu-active .newHeader {
    background: rgba(0,0,0,.7);
    opacity: 1;
}

.searchInputContainer {
	margin-bottom: 9px;
    margin-right: 30px;
}


.isMobile #dnn_HeaderCarousel,
.isTablet #dnn_HeaderCarousel {
	min-height: 100px;
}

.isLargeDesktop #dnn_HeaderCarousel,
.isSmallDesktop #dnn_HeaderCarousel {
	min-height: 190px;
}

.atAGlancePanel {
	background-color: #D1CCBD;
	border-radius: 6px;
	padding:10px;
	color: #000000;
	margin-top: 10px;
}

.atAGlancePanelTable .headingColumn,
.atAGlancePanelTable .dataColumn,
.datesTabCostsTable .headingColumn {
	/* font-weight:bold; */
	padding-right: 10px;
	vertical-align: top;
}

.atAGlancePanelTable .dataColumn,
.datesTabCostsTable .dataColumn {
	vertical-align: top;
}


header .nav-main {
    display: block;
}

.tripImpactSidePanelOuter {
	margin-top:15px;
}

.newHeader {
    border-bottom: 0;
}

@media (min-width: 992px) {
	header.newHeader nav ul.nav-main > li.active > a, header.newHeader nav ul.nav-main > li:hover > a, header.newHeader nav ul.nav-main > li > a:focus {
		color: #9caa3a !important;
	}
	
	.navbar-collapse.collapse {
			background: url("/Portals/World%20Expeditions%20Travel%20Group/Images/bg-transparent-grey.png");
	}
	
	.sticky-menu-active .newHeader {
		top: -124px;
	}
	
	.newHeader nav ul.nav-main>li>a {
		padding: 12px 13px 13px !important;
		margin: 0;
	}
	
	.headerTopLinks {
		text-align:right;
		color: #ffffff;
		margin-top: 5px;
		margin-right: 15px;
		font-size: 13px;
	}

	.headerTopLinks a,
	.headerTopLinks a:link,
	.headerTopLinks a:visited,
	.headerTopLinks a:hover,
	.headerTopLinks a:active {
		color: #ffffff;
		text-decoration:none;
	}

}

@media (max-width: 991px) {
	.sticky-menu-active Header .logo img {
		height: 40px;
		width: auto;
	}

	.sticky-menu-active Header .logo a {
		top: 30px;
	}

	.headerTopLinks {
		display:none;
	}
}


@media (min-width: 768px) {
	header>.container {
		margin-bottom: 0px;
	}

	.navbar-collapse.collapse {
		display: block!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: visible!important;
		width: auto;
	}
	
	.navbar-collapse {
		width: auto;
	}
	
	header.nav-bar nav.nav-main {
    	float: none;
	}
	
	header nav {
	   	float: none;
	}
	
	.newHeader .logo {
 	   padding: 5px 0 15px;
	}
}

header .contacts {
    padding: 2px 15px 2px 55px;
    background: url(./Images/icon-phone.png) left center no-repeat;
	color: #ffffff;
	display:inline-block;
}

header .contacts .email a,
header .contacts .email a:link,
header .contacts .email a:visited,
header .contacts .email a:hover,
header .contacts .email a:active {
	color: #ffffff;
	text-decoration:none;
}

header .contacts .headerPhoneNumber a,
header .contacts .headerPhoneNumber a:link,
header .contacts .headerPhoneNumber a:visited,
header .contacts .headerPhoneNumber a:hover,
header .contacts .headerPhoneNumber a:active {
	color: #9caa3a;
	text-decoration:none;
	font-size: 19px;
    line-height: 19px;
}

header .search {
	margin-top: 5px;
}

header .contacts .headerPhoneNumber {
	margin-bottom: -3px;
}

#askAnExpertStickyTab {
    background: url(/Portals/_default/Skins/Porto/Resources/img/bg-transparent-grey.png);
    color: #FFFFFF;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 20px;
    position: fixed;
    right: 70px;
    bottom: 0;
    cursor: pointer;
    height: 48px;
    z-index: 1040;
}
.isMobile #askAnExpertStickyTab {
    display: none;
}



#askAnExpertSticky {
    color: #696969;
    background-color: #eee;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /* padding: 10px 20px; */
    position: fixed;
    right: 70px;
    bottom: 0;
    cursor: pointer;
    z-index: 1040;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    width: 280px;
    box-shadow: 0px -1px 5px #696969;
}


.tab-content p.reviewStars {
	margin-bottom: 10px;
}

.active-star::before {
    content: "★";
    position: absolute;
}

.active-star {
    color: #660033;
    font-family: "open_sans";
    font-size: 25px;
    font-style: normal;
    margin-right: 2px;
}

.inactive-star {
    color: #660033;
    font-family: "open_sans";
    font-size: 25px;
    font-style: normal;
    margin-right: 2px;
}




#askAnExpertModal .askAnExpertModal-modal-title,
#askAnExpertSticky .askAnExpertSticky-modal-title,
#sendToAFriendModal .sendToAFriendModal-modal-title {
    font-size: 20px;
    color: #FFFFFF;
}
#askAnExpertStickyTitle {
    font-size: 18px!important;
    font-weight: bold;
}
#askAnExpertSticky .askAnExpertSticky-modal-title::after {
    content: "That's what we're here for ...";
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    display: block;
}
#askAnExpertSticky .askAnExpertStickyField,
#sendToAFriendModal .sendToAFriendModalField {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #FFFFFF;
    color: #999;
    font-style: italic;
}
#sendToAFriendModal .sendToAFriendModalField,
#askAnExpertModal .askAnExpertModalField {
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #FFFFFF;
    color: #666;
    font-family: "Open Sans", Arial, sans-serif;
    font-style: italic;
}
#askAnExpertModal .askAnExpertModal_state_row select {
    background-image: url("/Portals/World%20Expeditions/Images/dropdownArrowModal.jpg");
    background-size: 12px 10px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 13px;
}
#askAnExpertModal .askAnExpertModalField::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666;
}
#askAnExpertModal .askAnExpertModalField::-moz-placeholder {
    /* Firefox 19+ */
    color: #666;
}
#askAnExpertModal .askAnExpertModalField:-ms-input-placeholder {
    /* IE 10+ */
    color: #666;
}
#askAnExpertModal .askAnExpertModalField:-moz-placeholder {
    /* Firefox 18- */
    color: #666;
}
#askAnExpertModal::-webkit-input-placeholder,
#askAnExpertSticky::-webkit-input-placeholder,
#sendToAFriendModal::-webkit-input-placeholder {
    /* Chrome */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
}
#askAnExpertModal:-ms-input-placeholder,
#askAnExpertSticky:-ms-input-placeholder,
#sendToAFriendModal:-ms-input-placeholder {
    /* IE 10+ */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
}
#askAnExpertModal::-moz-placeholder,
#askAnExpertSticky::-moz-placeholder,
#sendToAFriendModal::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}
#askAnExpertModal:-moz-placeholder,
#sendToAFriendModal:-moz-placeholder,
#askAnExpertSticky:-moz-placeholder {
    /* Firefox 4 - 18 */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: normal;
    font-style: italic;
    opacity: 1;
}
#askAnExpertModal_submit,
#askAnExpertSticky_submit,
#sendToAFriendModal_submit,
.contactUsForm input[type="submit"] {
    background-color: #9caa3a;
    color: #FFFFFF;
    border: none;
}
#askAnExpertModal .askAnExpertMessageField,
#askAnExpertSticky .askAnExpertMessageField,
#sendToAFriendModal .sendToAFriendModalMessageField {
    height: 80px;
}
#askAnExpertModal .close,
#askAnExpertSticky .close,
#sendToAFriendModal .close {
    color: #FFFFFF;
    opacity: 1;
}
#askAnExpertModal .modal-header,
#askAnExpertSticky .modal-header,
#sendToAFriendModal .modal-header {
    border-bottom: none;
}
#askAnExpertModal .modal-footer,
#askAnExpertSticky .modal-footer,
#sendToAFriendModal .modal-footer {
    border-top: none;
    text-align: center;
}
#askAnExpertSticky .modal-header {
    padding-bottom: 10px;
    background-color: #9caa3a;
}
#askAnExpertSticky .modal-footer {
    padding-top: 0
}

.enquiryFormSubmitButton {
	margin-top:10px;
	margin-bottom:10px;
}

.grid .row.challengeCalendarTripRow {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
}

.grid .row.challengeCalendarTripRow:hover {
	background-color: #E8E6DE;

}

.challengeCalendarLogoWrapper {
	text-align:center;
}

.challengeCalendarLogo {
	max-height:100px;
}

.calendarFilter {
	color:#000000;
	padding: 20px;
	background-color: #BABBB1;
	border-radius: 6px;
	margin-bottom: 15px;
}

.calendarFilter label {
	font-weight:bold;
}

.mobileBackLink {
    margin-bottom: 20px;
    display: inline-block;
}
.isLargeDesktop .mobileBackLink,
.isSmallDesktop .mobileBackLink,
.isTablet .mobileBackLink {
    display: none;
}

#askAnExpertModal .modal-content,
#sendToAFriendModal .modal-content {
    background-color: #eee;
    color: #FFFFFF;
}
#sendToAFriendModal .modal-header,
#askAnExpertModal .modal-header {
    background-color: #9caa3a;
    padding-left: 80px;
}
#askAnExpertModal .modal-header .askAnExpertModal-modal-title:before {
    content: "";
    position: absolute;
    left: 20px;
    background: url("/Portals/World%20Expeditions/Images/askanexpert.png");
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
}
#askAnExpertModal .modal-header .askAnExpertModal-modal-title:after {
    content: "That's what we're here for ...";
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    display: block;
}
#askAnExpertModal .modal-body .askAnExpertModal-form-fields .row:nth-child(1) .col-xs-12 {
    color: #666;
    padding-top: 25px;
    padding-bottom: 10px;
    padding-left: 18px;
}
#askAnExpertModal .form-control,
#askAnExpertSticky .form-control {
    border: 1px solid #FFFFFF;
}

.eNewsletterCheckbox label {
	display:inline-block;
	margin-left: 5px;
}

.oneLiner{
	margin-top: 60px;
}
.oneLiner p{
	color: #fff;
}

html #footer .footer-travel-group h4{
	text-align: center;
	margin-bottom: 50px;
}

#dnn_CookieManagement .DNNModuleContent {
	text-align:right;
	padding-top:15px;
}

/*------- SMALLER SCREEN SIZE FIXES ----------*/
@media (max-width: 374px){
    a.scroll-to-top{
        display: none!important;
    }
    div#joinOurNewsletterStickyTab{
        right: 150px!important;
    }
    .isMobile #joinOurNewsletterSticky{
        right: unset!important;
        left: 10px;
        width: calc(100vw - 20px)!important;
    }
    div#askAnExpertStickyTab{
        right: 10px;
    }
    div#askAnExpertSticky{
        right: unset!important;
        left: 10px;
        width: calc(100vw - 20px)!important;    
    }
}





/* Information strip - the one under the hero carousel image */

@media (min-width:768px) {
	body.homePage .messageStripOuter {
		top: -17px;
	}
}

body.homePage .messageStripOuter {
	margin-top: -25px;
	position: relative;
	margin-bottom: 0;
}

.messageStripOuter {
	margin-top: -20px;
	margin-bottom: 15px;
}

div.body.liveBlogBody .messageStripOuter {
	margin-top: 0;
	margin-bottom: 0;
}

.messageStripInner {
	padding: 5px;
	text-align:center;
}

.messageStripBold {
	font-family:'open_sansbold' !important;
	margin:	10px 5px;
}

.messageStripPlain,
.messageStripLink {
	font-family:'open_sansregular' !important;
	margin-right: 5px;
	margin-left: 5px;
}

a.messageStripLink {
	text-decoration:underline;
}

.footer-copyright span {
    color: #7e8790 !important;
}